<template>
  <div class="lpjyxjlBox">
    <!-------------------- 理坯机运行记录表 -------------------->
    <TableHeader
      :data="{
        mainTitle: '理坯机运行记录表',
        date: '2021年12月12日',
        company: '青岛崂山矿泉水有限公司',
        code: 'LK-QF-LS1-10-012-11-01',
      }"
    />
    <TableHeader
      :data="{
        subTitle: '瓶 坯 使 用 情 况',
      }"
    />
    <CommonVxeTable :tableData="tableData1" />
    <MergeVxeTable :tableData="tableData2" :merge="['key']" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData1: {
        columns: [
          {
            type: "seq",
            fixed: null,
            title: "序号",
            // width: 50,
            align: "center",
          },
          { field: "value", title: "供应商及规格", align: "center" },
          { field: "value", title: "投坯时间", align: "center" },
          { field: "value", title: "数量（只）", align: "center" },
          { field: "value", title: "生产日期", align: "center" },
          { field: "value", title: "序号", align: "center" },
          { field: "value", title: "使用前检查情况", align: "center" },
          { field: "value", title: "巡检确认", align: "center" },
        ],
        data: [],
        resizable: true,
        loading: false,
        align: "center",
        headerAlign: "center",
        showOverflow: false,
        showHeader: true,
        reverse: false,
      },
      tableData2: {
        columns: [
          { field: "key", title: "投坯总量", align: "center" },
          { field: "value", title: "不合格坯数量", align: "center" },
          { field: "value1", title: "合格坯数量", align: "center" },
        ],
        data: [],
        resizable: true,
        loading: false,
        showOverflow: false,
        showHeader: true,
      },
    };
  },
  created() {
    for (let i = 0; i < 4; i++) {
      this.tableData1.data.push({
        value: 1131231231,
      });
      this.tableData2.data.push({
        value: 123123,
        key: 22,
        value1: 12312,
      });
    }
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.lpjyxjlBox {
  width: 100%;
  // background: red;
}
</style>>

